<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<script type="text/javascript" src="js/henry.js"></script>
<title></title>
</head>
<body>
<form id="frmBuscar" action="BuscarHenry.action" method="post">
<!-- oculto de la pagina -->
<s:hidden id="paginaMostrar" name="paginaMostrar" />
<table>
<tr>
		<td><s:textfield name="henryDTO.codigo"  label="Codigo"/></td>
	</tr>
	<tr>
		<td><s:textfield name="henryDTO.nombre"  label="Nombre"/></td>
	</tr>
<tr>
	<td style="padding-top: 15px;">
	         <sj:a
	         	id="btnFrmBuscar"
				button="true"
				buttonIcon="ui-icon-search"
				>
				Buscar
			  </sj:a>
	         <!-- empieza el tip registrar -->
				<sj:a button="true"
	  			openDialog="dlRegistrar"
	  			href="dlRegistrar.action"
	  

>Nuevo Alumno</sj:a>
		</td>
</tr>
</table>
</form>
<br>
<hr>
<!-- 	MENSAJES -->
<s:actionmessage theme="jquery" cssClass="cincoPadding" />
<s:actionerror  theme="jquery" cssClass="cincoPadding"/>
<br>
<table  id="tablaLista">
<thead>
<tr>
<td>id</td>
<td>codigo</td>
<td>nombre</td>
<td>OPCIONES</td>
</tr>
</thead>

<tbody>
<!-- se pone el nombre del array en el value del iterator -->
<s:iterator value="listahenry" > 
<tr>
<td class="mstID"><s:property  value="id"/> </td>
<td class="mstCodigo"><s:property  value="codigo"/> </td>
<td class="mstNombre"><s:property  value="nombre"/> </td>
<td >
				<sj:a button="true"
					  buttonIcon="ui-icon-pencil"
					  buttonText="false"
					  title="editar"
					  cssClass="btnsModificar"
					   id="%{id}_m"
				>
				ed
				</sj:a>
				<sj:a button="true"
					  buttonIcon="ui-icon-circle-minus"
					  buttonText="false"
					  title="eliminar"
					  
					  cssClass="btnsEliminar"
					  id="%{id}"
					  
					  
				>el

				</sj:a>
			</td>
</tr>

</s:iterator>
</tbody>

</table>
<hr>
<!-- <paginado> -->
<s:iterator  status="stat" value="(cantidadPaginas).{ #this }">
		<s:if test="%{#stat.count==paginaMostrar}">
		<a class="btnsPaginacion" ><s:property value="#stat.count" /></a>
		</s:if>
		<s:elseif test="%{#stat.count!=paginaMostrar}">
	   	<sj:a
	   	button="true"
	   	cssClass="btnsPaginacion"
	   		   	
	  	 >
	  	 <s:property value="#stat.count"/>
	  	 </sj:a>
		</s:elseif>
	
	
	   
</s:iterator>

<br>
<br>
<br>
<!-- <a href="henry/dialogRegistrar.jsp">Nuevo</a> -->




<!-- dlregistrar debe tener el mismo nombre tanto del id del sj:dialog como del opendialog de la sj:a -->
<sj:dialog
	id="dlRegistrar"
	title="nuevo alumno"
	modal="true"
	resizable="false"
	buttons="{ 
    		'OK':function() { fnRegistrarHenry(); },
    		'Cancel':function() { fnCancelarRegistroHenry(); } 
    		}" 
	autoOpen="false"
	  >
</sj:dialog>
<!-- 	termina el tip registrar -->


<sj:dialog
id="dlgConfirmacionEliminar"
title="CONFIRMACION"
resizable="false"
modal="true"
buttons="{ 
    		'OK':function() { fnOkEliminar(); },
    		'Cancel':function() { fnCancelEliminar(); } 
    		}" 
autoOpen="false"
>
Esta seguro de realizar esta accion?
</sj:dialog>
<!-- DIALGO MODIFICAR, DIRECTAMENTE EN ESTA PAGINA -->
<sj:dialog
id="dlgModificarHenry"
title="MODIFICAR HENRY"
resizable="false"
modal="true"
buttons="{ 
    		'OK':function() { fnOkModificar(); },
    		'Cancel':function() { fnCancelModificar(); } 
    		}" 
autoOpen="false"
>
<h2>EDITAR ALUMNO</h2>
</sj:dialog>
<!--empieza metodo que envia el formulario registrar  -->

<!-- ACA CREO LOS FORMULARIOS OCULTOS -->

<!-- OCULTO ELIMINAR -->
<form id="frmEliminarHenry" method="post" action="EliminarHenry.action">
<input type="hidden" id="txtIDEliminar" name="henryDTOEliminar.id"/>
</form>

<!-- OCULTO MODIFICAR -->
<form id="frmModificarHenry" action="AbrirModificarHenry.action">
<input type="hidden" id="txtIDModificar" name="henryDTOModificar.id"/>
</form>




<!-- termina metodo que envia el formulario registrar-->
</body>
</html>